﻿
@{
    Layout = null;
}


@model InformationCenter.Models.UserLogin

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Welcome to Info System</title>

    <link rel="shortcut icon" href="~/img/favicon.png">

    <!-- Bootstrap core CSS -->
    <link href="~/Content/bootstrap.min.css" rel="stylesheet">
    <link href="~/Content/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="~/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="~/Content/style.css" rel="stylesheet">
    <link href="~/Content/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="/Scripts/html5shiv.js"></script>
    <script src="/Scripts/respond.min.js"></script>
    <![endif]-->

    <script src="/js/html5shiv.js"></script>
    <script src="/js/respond.min.js"></script>

</head>
<body class="login-body">

    <div class="container">

        <form class="form-signin" action="/Home/Login" method="POST">
            <h2 class="form-signin-heading">sign in now</h2>
            <div class="login-wrap">
                <input type="text" class="form-control" placeholder="User ID" name="UserName">
                @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })
                <input type="password" class="form-control" placeholder="Password" name="password">
                @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
                @*<label class="checkbox">
                    <input type="checkbox" value="remember-me"> Remember me
                </label>*@
                <button class="btn btn-lg btn-login btn-block" type="submit">Sign in</button>
                @Html.ValidationMessage("Error")
            </div>
        </form>

    </div>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    
<script type="text/javascript">
    $(function() {
        $('input, textarea').placeholder();
    });    
</script>
</body>
</html>
